<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        #all {
            height: 400px;
            background-image: url(image/bg.jpg);
            background-repeat: no-repeat;
            background-position: center;
        }

        .f1 {
            padding-top: 95px;
            text-align: center;
        }
        .g1 {
            display: inline block;
            color: white;
        }
        .g1 span {
            color: red;
        }
        .g2 {
            color: white;
            padding-right: 95px;
            padding-bottom: 20px;
        }
        .g3 {
            color: white;
            padding-right: 80px;
        }
        label {
            margin: 10px;
        }
        .g4 {
            padding-top: 20px;
        }
        
    </style>
</head>

<body>
    <div id="all">
        <div class="f1">
            <div class="g1">
                <p><span>*</span>姓名：<input type="text" name="xingming" search></p>
                <p><span>*</span>邮箱：<input type="text" name="xingming"
                        pattern="^[a-zA-Z0-9]+@[a-zA-Z0-9]+(.[a-zA-Z0-9]+)"></p>
                <p><span>*</span>电话：<input type="tel" name="phone" class="input-txt" id="phone" autocomplete="off"
                        autofocus maxlength="20" pattern="^[0-9]{11}"></p>
            </div>
            <div class="g2">
                <label>性别 : </label>
                <select>
                    <option value="请选择" selected disabled>请选择</option>
                    <option value="男" >男</option>
                    <option value="女" >女</option>
                </select>
            </div>
            <div class="g3">
                <label>年龄 : </label>
                <select>
                    <option value="请选择" selected disabled>请选择</option>
                    <option value="18岁以下">18岁以下</option>
                    <option value="18岁以上">18岁以上</option>
                </select>
            </div>
            <div class="g4">
                <input type="image" src="image/btn.jpg">
            </div>
        </div>
    </div>
</body>

</html>